<template>
    <div>
        <mt-swipe :auto="2000">
            <mt-swipe-item v-for="item in imgs">
                <img :src="item.img_url" alt="">
            </mt-swipe-item>

        </mt-swipe>
    </div>
</template>
<script>
export default {
    props: ['imgs'],
    data() {
        return {
        }
    },
    created() {

    },
    methods: {

    }
}
</script>
<style scoped>
.mint-swipe {
    height: 300px;
}

.mint-swipe-item {
    background-color: gray;
    height: 300px;
    width: 100%;
}

.mint-swipe-item img {
    width: 100%;
    height: 100%;
}
</style>